<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<!-- Адаптив -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<!-- Шрифты -->
	<link rel="preconnect" href="https://fonts.googleapis.com" />
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap"
		rel="stylesheet" />
	<link rel="apple-touch-icon" sizes="180x180" href="pictures/favicon/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="pictures/favicon/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="pictures/favicon/favicon-16x16.png">
	<link rel="manifest" href="pictures/favicon/site.webmanifest">
	<link rel="mask-icon" href="pictures/favicon/safari-pinned-tab.svg" color="#5bbad5">
	<meta name="msapplication-TileColor" content="#00a300">
	<meta name="theme-color" content="#ffffff">
	<link rel="stylesheet" href="css/style.css" />
	<title>Клинический психолог</title>
</head>

<body>
	<div class="body-wrapper">
		<header id="header" class="header">
			<div class="header__container container">
				<div class="header__logo logo">Личный психолог</div>
				<nav class="header__navigation navigation">
					<ul class="navigation__list">
						<li class="navigation__item--active">
							<a href="index.html" class="navigation__link">Главная</a>
						</li>
						<li class="navigation__item">
							<a href="service.html" class="navigation__link ">Услуги</a>
						</li>
						<li class="navigation__item">
							<a href="documents.html" class="navigation__link ">Документы</a>
						</li>
						<li class="navigation__item">
							<a href="contacts.html" class="navigation__link ">Контакты</a>
						</li>
					</ul>
					<div class="burger-wrapper"><span class="header__burger"><span></span></>
					</div>
				</nav>
			</div>
		</header>
		<section id="parallax" class="greeting">
			<div id="greeting" class="greeting__container container">
				<div class="greeting__wrap">
					<p class="greeting__paragraph">Официальный сайт</p>
					<h1 class="greeting__title">Карина Попова</h1>
					<p class="greeting__paragraph">Дипломированный психолог</p>
				</div>
			</div>
			<a href="#services" class="greeting__btn-to-header scrollto" title="Scroll down"></a>
		</section>
		
		<main class="main">
			<div class="main__wrapper wrapper">
				<section id="services" class="main__services services">
					<div class="services__container container">
						<h2 class="services__title main-title">Услуги</h2>
						<div class="services__list">
							<!-- Услуги -->
							<article class="services__item">
								<a href="https://vk.com/id121020653" class="services__link">
									<div class="services__image-wrapper">
										<img class="services__image" src="pictures/services/psychological_consultation.jpg"
											alt="Urgent Psychological Consultation" />
										<a href="https://vk.com/id121020653#" class="hover-animation__link">Записаться</a>
										<h4 class="hover-animation__text">Психологическая консультация</h4>
									</div>
								</a>
							</article>
							<article class="services__item">
								<a href="https://vk.com/id121020653#" class="services__link">
									<div class="services__image-wrapper">
										<img class="services__image" src="pictures/services/psychological_consultation_for_child.jpg"
											alt="Urgent Psychological Consultation" />
										<a href="https://vk.com/id121020653#" class="hover-animation__link">Записаться</a>
										<h4 class="hover-animation__text">Детская консультация</h4>
									</div>
									<div class="services__hover-animation hover-animation">
									</div>
								</a>
							</article>
							<article class="services__item">
								<a href="https://vk.com/id121020653#" class="services__link">
									<div class="services__image-wrapper">
										<img class="services__image" src="pictures/services/psychological_consultation_course.jpg"
											alt="Urgent Psychological Consultation" />
										<a href="https://vk.com/id121020653#" class="hover-animation__link">Записаться</a>
										<h4 class="hover-animation__text">Психологическая сессия<br>(10 сеансов)</h4>
									</div>
									<div class="services__hover-animation hover-animation">
									</div>
								</a>
							</article>
						</div>
						<a href="service.html" class="services__out-link main-link">Посмотреть все услуги</a>
					</div>
				</section>
				<section id="personality" class="main__personality personality">
					<div class="personality__container container">
						<div class="personality__left-side">
							<h2 class="personality__title main-title">Карина Попова</h2>
							<p class="personality__subtitle">Дипломированный психолог</p>
							<ul class="personality__list">
								<li class="personality__list-item">
									<p class="personality__text">Современные безопасные и эффективные методы лечения</p>
								</li>
								<li class="personality__list-item">
									<p class="personality__text">Регулярно на связи</p>
								</li>
								<li class="personality__list-item">
									<p class="personality__text">Отвечу на ваши вопросы в Telegram в ходе консультации</p>
								</li>
							</ul>
						</div>
						<img class="personality__img" src="pictures/personality/personality_photo.jpg" alt="It's me :)">
					</div>
				</section>
				<section id="contacts" class="main__contacts contacts">
					<div class="contacts__container container">
						<div class="contacts__side">
							<h2 class="contacts__title main-title">Контакты</h2>
							<div class="contacns__text-block">
								<p class="contacts__paragraph"><b>Телефон:</b><br>+7-904-535-02-59 <br><br>
									<b>E-mail:</b><br> kondr_ull@bk.ru <br><br>
								<ul class="contacts__list">
									<li class="contacts__list-item">
										<p class="contacts__text">Современные безопасные и эффективные методы лечения</p>
									</li>
									<li class="contacts__list-item">
										<p class="contacts__text">Регулярно на связи</p>
									</li>
									<li class="contacts__list-item">
										<p class="contacts__text">Отвечу на ваши вопросы в Telegram в ходе консультации</p>
									</li>
								</ul>
								<br><br>
								<b>Честно</b><br>
								Не навязываю ненужные консультации
								<br><br>
								100% предоплата за 12 часов до начала консультации
								<br><br>
								Отменить/перенести назначенную консультацию возможно только за 24 часа, в противном случае средства не
								возвращаются
								</p>

							</div>
						</div>
						<img class="contacts__img" src="pictures/contacts/contacts_photo.jpg" alt="It's me :)">
					</div>
				</section>
			</div>
	</div>
	</main>
	<footer class="footer">
		<div class="footer__container">
			<div class="footer__menu menu">
				<ul class="menu__list">
					<li class="menu__item">
						<a href="index.html" class="menu__link scrollto ">Главная</a>
					</li>
					<li class="menu__item">
						<a href="service.html" class="menu__link scrollto">Услуги</a>
					</li>
					<li class="menu__item">
						<a href="documents.html" class="menu__link scrollto">Документы</a>
					</li>
					<li class="menu__item">
						<a href="contacts.html" class="menu__link scrollto">Контакты</a>
					</li>
				</ul>
			</div>
			<div class="footer__info info">
				<div class="info__block-1">Created by:</div>
				<div class="info__block-2">hollow-ds.ru, 2023</div>
			</div>
		</div>
	</footer>
	</div>
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script src="js/script.js"></script>
	<script src="js/mouseMove.js"></script>
	</div>
</body>

</html>